<template>
  <el-row :gutter="10">
   <el-col :span="6">
  <div style="height:44px;border-bottom: 1px solid #e9e9eb;padding: 0;line-height: 44px">
    <span style="padding-left: 20px;" >我创建的收藏夹</span>
  </div>
   </el-col>
    <el-col :span="6">
      <div style="height:44px;border-bottom: 1px solid #e9e9eb;padding: 0;line-height: 44px">
        <span style="padding-left: 20px;" >我关注的收藏夹</span>
      </div>
    </el-col>
    <el-col :span="12">
      <div style="height:44px;border-bottom: 1px solid #e9e9eb;padding: 0;line-height: 44px;text-align: right" >
        <span style="padding-left: 20px;" >新建收藏夹</span>
      </div>
    </el-col>
  </el-row>
      <router-view/>
</template>

<script setup>
import {ref} from "vue";

const user=ref("10");
</script>

<style scoped>
.setup{
  height: 105px;
  border-bottom: 1px solid #e9e9eb;
  padding: 20px 18px;
}
.setup:hover{
  cursor: pointer;
}
p{
  padding: 0;
  margin: 0;
}
.like{
  color: #8493a5;
  text-decoration: none;
  padding-bottom: 0px;
}
.like span{
  font-size: 16px;
  padding-top: 0px;
}
.like:hover{
  color: #1989fa;
}
</style>